<!DOCTYPE html>
<html lang="en">

<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div>
<div class="src-components-common-header-assets-__pc_---header-media---ZLOuUl">
    <video playsinline="true" webkit-playsinline="true" x5-playsinline="true" x-webkit-airplay="allow" x5-video-orientation="portraint" x5-video-player-type="h5"
           x5-video-player-fullscreen="true" crossorigin="anonymous" preload="auto" loop="loop" autoplay="autoplay" data-object-fit="cover"
           data-object-position="center center"
           poster="https://webstatic.mihoyo.com/upload/event/2023/02/17/3ce2245952cc05e6be2560d454f2eacd_916585744910692407.png"
           src="https://webstatic.mihoyo.com/upload/op-public/2023/02/22/271dd7d57fb51c2f785b11a015971f36_4992597937550458758.mp4"
           class="src-components-common-header-assets-__pc_---header-media-video---eQRqU7">
    </video>
</div>
    <div>
        <form action="/mail/path">
            <div class="mb-3">
                <label  class="form-label" >邮箱</label>
                <label for="email"><input class="form-control" id="email" name="email" placeholder="邮箱"></label>
                <div class="invalid-feedback">
                    输入邮箱
                </div>
            </div>
            <div class="mb-3">
                <button class="btn btn-primary w-100 waves-effect waves-light" type="submit">获取验证码</button>
            </div>
        </form>

<!--        <div class="mb-3">-->
<!--            <a href="/mail/code"> 获取验证码</a>-->
<!--        </div>-->

    <div class="mb-3">
        <span>验证码</span>
        <input  class="form-control" placeholder="邮箱验证码">
        <div class="invalid-feedback">
            输入验证码
        </div>
    </div>
    </div>

</div>
</body>
</html>